@CHARSET "UTF-8";
.body {
    background: url("../image/login/login_b1.jpg");
    animation-name: myfirst;
    animation-duration: 60s;
    animation-delay: 6s;
    animation-iteration-count: infinite;
    animation-play-state: running;
}

@keyframes myfirst {
	0%{
		background: url("../image/login/login_b1.jpg");
	}
    10% {
        background: url("../image/login/login_b2.jpg");
    }
    20% {
        background: url("../image/login/login_b3.jpg");
    }
    30% {
        background: url("../image/login/login_b4.jpg");
    }
    40% {
        background: url("../image/login/login_b5.jpg");
    }
    50% {
        background: url("../image/login/login_b6.jpg");
    }
    60% {
        background: url("../image/login/login_b7.jpg");
    }
    70% {
        background: url("../image/login/login_b8.jpg");
    }
    80% {
        background: url("../image/login/login_b9.jpg");
    }
    90% {
        background: url("../image/login/login_b10.jpg");
    }
    100% {
        background: url("../image/login/login_b1.jpg");
    }
}

.form {
    background: rgba(255, 255, 255, 0.3);
    width: 400px;
    margin: 220px auto;
    border-radius: 5px;
}

.fa {
    display: inline-block;
    top: 27px;
    left: 6px;
    position: relative;
    color: #ccc;
}

input[type="text"], input[type="password"] {
    padding-left: 26px;
}

.checkbox {
    padding-left: 21px;
}
